<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
    <%@include file="/views/common/include/taglib.jsp"%>
    <%@include file="/views/common/include/head.jsp"%>
	<script src="${ctx}/js/controllers/base/ChangePersonInfoController.js" ></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<style>
		.rightlist{
			height:755px;
		}
		.info-title{
			width:100%;
			height:35px;
			background:#57B4C6;
			line-height:35px;
			color:#fff;
			text-align:center;
		}
		.fl{
			float:left;
			margin-left: 25px;
		}
		.headlogo{
			vertical-align: -4px;
			margin-right: 10px;
		}
		.fr{
			float:right;
		}
		.button-confirm{
			background-color:#57B4C6;
			color:#FFFFFF;
			height:30px;
			width:80px;
			border:0;
			padding: 5px 5px;
			font-size: 15px;
		}
		.button-return{
			border: 1px solid #57B4C6;
			color:#57B4C6;
			height:30px;
			width:80px;
			background-color:#FFFFFF;
			padding: 5px 5px;
			font-size: 15px;
		}
		.times{
			vertical-align: -3px;
	        margin-right: 5px;
		}
		.cishu{
			padding-right: 25px;
			padding-left: 30px;
		}
		.nc{
			color:#EBC09F;
			font-size:20px; 
			padding: 0 6px;
		}
		table{
			 margin: 0 auto;
			 font-size: 15px; 
			 border-collapse:separate; 
			 border-spacing:10px;
			 height: 100%;
    		 width: 100%;
		}
		.left1{
			text-align: right;
			width:40%;
			height:30px;
		}
		.right{
			width:50%;
			font-size: 16px;
			height:30px;
		}
		.jiaoyan{
			padding-right: 10px;
			color:#EA9447;;
		}
		.input{
		border: 1px solid #ccc;
		height:30px;
		line-height:30px;
		text-indent: 5px;
		font-size: 15px;
		font-family: '微软雅黑';
		}
	</style>	
</head>
<body>
	<jsp:include page="/views/common/head_main.jsp" />
	<div class="bg">
		<div class="contentbox1 contentbox">
			<jsp:include page="/views/main/main_personal_left.jsp" />
			<div class="rightlist">
			<input type="hidden" id="item" value="${sessionScope.item_personal}"/>
				<div class="info-title">
					<div class="fl"><img class="headlogo" src="${ctx}/images/headlogo.png" />个人信息</div>
					<div class="fr"><span>上次登录：</span><span><fmt:formatDate value="${sessionScope.last_login_time}" type="BOTH" pattern="yyyy-MM-dd HH:mm"/></span><span class="cishu"><img class="times" src="${ctx}/images/times.png" />共登录<span class="nc" >${user.loginTimes}</span>次</span></div>
					<input id="id" type="hidden" value="${user.id}">
				</div>
				<div style="margin-top: 20px;">
					<table >
						<tr>
							<td class="left1">手机号：</td>
							<td class="right"><input id="phone" type="text" style="border:none;font-size: 15px;" readonly="readonly" value="${user.phone}" ></td>
						</tr>
						<tr>
							<td class="left1">登录账号：</td>
							<td class="right"><input id="userAccount" type="text" style="border:none;font-size: 15px;" readonly="readonly" value="${user.loginname} "></td>
						</tr>
						<tr>
							<td class="left1" >昵称：</td>
							<td class="right"><input class="input" id="nickName" type="text" value="${user.nickname}" onblur="checkNickName()" placeholder="请输入昵称" ></td>
						</tr>
						<tr>
							<td class="left1" >真实姓名：</td>
							<td class="right"><input class="input" id="userName" type="text" value="${user.username}" onblur="checkUserName()" placeholder="请输入真实姓名"></td>
						</tr>
						<tr>
							<td class="left1">性别：</td>
							<td class="right"><input type="radio" id="sex" name="rd" <c:if test="${user.sex == 1}"> checked="checked"</c:if> value="1">男 
							    <input type="radio" id="sex" <c:if test="${user.sex == 0}"> checked="checked"</c:if> name="rd" value="0"/>女
							</td>
						</tr>
						<tr>
							<td class="left1"><em class="jiaoyan">*</em>邮箱：</td>
							<td class="right"><input class="input" id="email" type="text" value="${user.email}" onblur="ischeckemail()" placeholder="请输入邮箱"></td>
						</tr>
					</table>
				</div>
				<div style="height: 27px;border-bottom: 1px solid #F0F0F0;width:100%;margin: 0 auto;"></div>
				<div style="text-align: center;margin-top: 30px;">
					<a onclick="savePersonInfo()"><input class="button-confirm" type="button" style="font-weight: bold;" name="confirm" value="确定" onclick="savePersonInfo()" /></a>
			        <a onclick="cancel()"><input  class="button-return" type="button" style="font-weight: bold;margin-left: 30px;" name="return" value="返回" onclick="cancel()" /></a>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="/views/common/footer.jsp" />
	<script type="text/javascript">
	</script>
</body>
</html>